
<!doctype html>
<html lang="en">
	<head>
		<!-- 必需的元标记 -->
		<meta charset="utf-8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title>YASHA Lobby</title>
		<meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,shrink-to-fit=no,viewport-fit=cover">
		<meta data-n-head="1" name="description" content="Mint, Lock and get YASHA Divs!">
		<meta name="keywords" content="YASHA mint lock divs">
		<meta name="author" content="qww gk">
		<meta data-n-head="1" name="image" content="https://YASHA.network/img/preview.png">
		<meta data-n-head="1" property="og:type" content="website">
		<meta data-n-head="1" property="og:title" content="YASHA">
		<meta data-n-head="1" property="og:description" content="Mint, Lock and get YASHA Divs!">
		<meta data-n-head="1" property="og:site_name" content="YASHA.network">
		<meta data-n-head="1" property="og:url" content="https://YASHA.network/">
		<meta data-n-head="1" property="og:image" content="https://YASHA.network/img/preview.png">
		<meta data-n-head="1" property="twitter:card" content="summary_large_image">
		<meta data-n-head="1" property="twitter:title" content="YASHA">
		<meta data-n-head="1" property="twitter:description" content="Mint, Lock and get YASHA Divs!">
		<meta data-n-head="1" property="twitter:image" content="https://YASHA.network/img/preview.png">
		<link data-n-head="1" rel="icon" type="image/x-icon" href="./favicon.ico">
		
		<!-- javascript -->
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/js/jquery.min.js"></script>
		<script src="./lang/zh.js"></script>
		<script src="./lang/en.js"></script>
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/yasha/js/mm_extend.js"></script>
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/js/popper.min.js"></script>
		
		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/css/bootstrap.min.css" async>
		<link rel="stylesheet" type="text/css" href="../common/css/font-awesome.min.css" async>
		<link rel="stylesheet" type="text/css" href="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/css/common.css" async>
		<link rel="stylesheet" type="text/css" href="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/yasha/css/mm_extend.css" async>
		<link rel="stylesheet" type="text/css" href="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/yasha/css/index.css" async>
		<link rel="stylesheet" type="text/css" href="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/yasha/css/theme.css" async>
	</head>

	<body>
		<div id="app">
			<div class="page_index" id="lobby">
				<!-- 页头 -->
				<div class="page_head">
					<div class="container">
						<div class="row">
							<div class="col-12">
								<nav class="navbar navbar-expand-lg">
									<a class="navbar-brand" href="#"><img height="32" src="./img/logo.png"></a>
									<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
									 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
										<span class="fa fa-bars"></span>
									</button>
									<div class="collapse navbar-collapse center" id="navbarSupportedContent">
										<ul class="navbar-nav">
											<!-- active -->
											<li v-for="(o, i) in navs" class="nav-item" :class="{ active: active(o.url || './' + o.name + '.html') }">
												<a class="nav-link" :href="o.url || './' + o.name + '.html'">{{ $t('common.nav.' + o.name ) }}</a>
											</li>
											<li class="nav-item lang">
												<div class="dropdown">
													<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
													 aria-haspopup="true" aria-expanded="false">
														<img :src="'./img/' + lang_type + '.png'"><span>{{ lang_type }}</span>
													</button>
													<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
														<a class="dropdown-item" href="javascript:void(0)" @click="set_lang('zh')">
															<img src="./img/zh.png"><span>zh</span>
														</a>
														<a class="dropdown-item" href="javascript:void(0)" @click="set_lang('en')">
															<img src="./img/en.png"><span>en</span>
														</a>
													</div>
												</div>
											</li>
											<li class="wallet">
												<button class="btn btn-outline-primary btn_unlock" data-toggle="modal" data-target="#my_wallet" v-if="user.address">{{ $t('common.wallet.btn_my_wallet')}}</button>
												<button class="btn btn-outline-primary btn_unlock" @click="unlock" v-else>{{ $t('common.wallet.btn_unlock') }}</button>
											</li>
										</ul>
										<div class="form-inline my-2 my-lg-0"></div>
									</div>
								</nav>
							</div>
						</div>
					</div>
				</div>

				<!-- 主体 -->
				<div class="page_body container">
					<div class="row">
						<div class="col-sm-12 col-md-6 col-lg-4 mt-8">
							<div class="module_game">
								<div class="title">{{ $t('mint.title') }}</div>
								<div class="card">
									<div class="form">
										<div class="warp">
											<div class="form-item">
												<label>{{ $t('mint.I_WANT_TO_MINT') }}</label>
												<input type="number" class="form-control font-green" v-model.number="form_mint.YASHA" max="100000000" min="0.00001"
												 placeholder="" @input="input_YASHA" @blur="input_trx(form_mint.trx)" @keypress.enter="mint">
												<span class="unit">YASHA</span>
											</div>
											<div class="form-item">
												<label>{{ $t('mint.THAT_WILL_COST') }}</label>
												<input type="number" class="form-control font-red" v-model.number="form_mint.trx" max="100000000" min="0.00001"
												 placeholder="" @input="input_trx" @keypress.enter="mint">
												<span class="unit">TRX</span>
											</div>
											<div class="form-item">
												<button type="button" class="btn btn-outline-success btn-block font-green" @click="mint" :disabled="contract_lock || form_mint.trx == 0">
													{{ $t('mint.MINT_MY_YASHA_NOW')}}</button>
											</div>
										</div>
									</div>
									<div class="warp pt-0">
										<table class="ad-tip" style="width: 100%;">
											<tr>
												<td>{{ $t('mint.YASHA_PRICE_HERE')}}</td>
												<td width="48">TRX</td>
												<td class="right">{{ trx_rate }}</td>
											</tr>
											<tr>
												<td>{{ $t('mint.MINTED_YASHA')}}</td>
												<td width="48">YASHA</td>
												<td class="right">{{ minted_YASHA }}</td>
											</tr>
										</table>
									</div>
									<div class="box">
									</div>
								</div>
							</div>
						</div>

						<div class="col-sm-12 col-md-6 col-lg-4 mt-8">
							<div class="module_game">
								<div class="title">{{$t('lock.title')}}</div>
								<div class="card">
									<div class="form">
										<div class="warp">
											<div class="form-item">
												<label for="">{{ $t('lock.I_WANT_TO_LOCK')}}</label>
												<input type="number" class="form-control font-green" max="100000000" min="0.00001" v-model.number="form_lock.YASHA"
												 placeholder="" @keypress.enter="lock">
												<span class="unit">YASHA</span>
											</div>
											<div class="info">
												<div class="label">{{ $t('lock.YASHA_IN_WALLET')}}</div>
												<div class="right">
													<!-- <span class="num">{{ user.balance }}</span> -->
													<span class="num">0</span>
													<span class="unit">YASHA</span></div>
											</div>
											<div class="pt-0 pb-3">
												<!-- 	<button type="button" class="btn btn-outline-success btn-block font-green grey" @click="lock" :disabled="form_lock.YASHA == 0">LOCK
													MY YASHA NOW!</button> -->
												<button type="button" class="btn btn-outline-success btn-block font-green grey" @click="lock" disabled>
													{{ $t('lock.LOCK_MY_YASHA_NOW')}}</button>
												<!-- <button type="button" class="btn btn-outline-success btn-block font-green grey" @click="lock" :disabled="contract_lock">
													{{ $t('lock.LOCK_MY_YASHA_NOW')}}</button> -->
											</div>
										</div>
										<div class="box pt-3 pl-5 pr-5">
											<div class="row">
												<div class="info col-6">
													<div class="label">{{ $t('lock.LOCKED_YASHA')}}</div>
													<div class="right"><span class="num">{{ locked_YASHA }}</span><span class="unit">YASHA</span></div>
												</div>
												<div class="info col-6">
													<div class="label">{{$t('lock.TIME_TO_UNLOCK')}}</div>
													<div class="right"><span class="num">{{ longtime }}</span><span class="unit">DAYS</span></div>
												</div>
											</div>
											<div class="pa-full pt-1">
												<!-- <button type="button" class="btn btn-outline-danger btn-block font-red" @click="redeem()" :disabled="contract_lock || longtime > 0 || chain['LOCKED YASHA'].value <= 0">
													{{$t('lock.UNLOCK_MY_YASHA')}}</button> -->

												<button type="button" class="btn btn-outline-danger btn-block font-red" @click="redeem()" disabled>
													{{$t('lock.UNLOCK_MY_YASHA')}}</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-sm-12 col-md-6 col-lg-4 mt-8">
							<div class="module_game">
								<div class="title">{{ $t('divs.title') }}</div>
								<div class="card">
									<div class="form">
										<div class="warp">
											<div class="row">
												<div class="info col-12">
													<div class="label">{{ $t('divs.CLAIMABLE_DIVS') }}</div>
													<div class="big"><span class="num">{{ Math.round(dividents["CLAIMABLE DIVS YASHA"].value / $tron.config.precision * 10000) / 10000  }}</span><span
														 class="unit">YASHA</span></div>
													<div class="mt-5 pt-1">
														<button type="button" class="btn btn-outline-success btn-block grey" style="color: #fff;font-weight: 600;"
														 @click="claim()" :disabled="!dividents['CLAIMABLE DIVS YASHA'].value">{{ $t('divs.CLAIM_DIVS') }}</button>
													</div>
												</div>
											</div>
										</div>
										<div class="box pt-3 pl-5 pr-5 pb-2">
											<div class="row">
												<div class="info col-12">
													<div class="label left">{{ $t('divs.CLAIMED_DIVS') }}</div>
													<div class="big"><span class="num">{{ Math.round(chain["CLAIMED DIVS YASHA"].value / $tron.config.precision * 10000) / 10000 }}</span>
														<span class="unit">YASHA</span></div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>

				<!-- 页脚 -->
				<div class="page_foot">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="icon-group center">
									<a target="_blank" href="https://t.me/YashaGoldCasting"><img src="./img/ico1.png"></a>
									<a target="_blank" href="https://twitter.com/Yashagold"><img src="./img/ico6.png"></a>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- wallet Modal -->
				<div class="modal fade" id="my_wallet" tabindex="-1" role="dialog">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="exampleModalLabel">{{ $t('common.wallet.btn_my_wallet')  }}</h5>
								<button type="button" class="close" data-dismiss="modal">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<div class="card">
									<div class="card-img-top">
										<img src="./img/sum.png" alt="">
									</div>
									<div class="card-body">
										<h5 class="card-title">{{ $float(user.balance) }}</h5>
										<p class="card-text m-0">
											{{ $t('common.wallet.balance') }}
										</p>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button class="btn btn-primary btn-block" data-dismiss="modal">{{ $t('common.wallet.sign_out') }}</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- timer Modal -->
			<!-- v-if="isOpen" -->
			<div class="mask" v-show="!isOpen">
				<div class="notice_board">
					<div class="notice_board_head">
						<h5 class="h5">距离YASHA合约开启时间</h5>
						<p class="time">{{time.hh}}:{{time.mm}}:{{time.ss}}</p>
						<p class="date">2020-11-12</p>
						<!-- <button @click="copy()">复制</button> -->
					</div>
					<div class="notice_board_body">
						<h5>支持钱包：</h5>
						<p><a target="_blank" href="#">token pocket</a>、<a target="_blank" href="#">bitkeep</a>、<a target="_blank" href="#">Tronlink</a></p>
						<h5>上线交易所：</h5>
						<p><a target="_blank" href="http://justswap.org/">justswap</a></p>
					</div>
				</div>
			</div>
		</div>

		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/js/bootstrap.min.js"></script>
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/js/vue.js"></script>
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/js/mm_sdk.js"></script>
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/common/js/mm_tron.js"></script>
		<script src="https://s-www-yasha-network.oss-cn-shanghai.aliyuncs.com/asura/yasha/js/vuex.js"></script>
		<script src="./src/mixin.js"></script>
		<script src="./src/store.js"></script>
		<script src="./src/plugin.js"></script>
		<script src="./index.js"></script>
	</body>
</html>
